 <html>
<head>
    <style type="text/css">
        .yui-skin-sam .yui-dt tbody td.up {
            background-color: #efe;
        }
        .yui-skin-sam .yui-dt tbody td.down {
            background-color: #fee;
        }
    </style>
	
<script type="text/javascript" src="extJs/sessvars/sessvars.js"></script>
<script type="text/javascript" src="extJs/build/yahoo/yahoo-min.js"></script>
<script type="text/javascript" src="extJs/build/event/event-min.js"></script>
<script type="text/javascript" src="http://developer.yahoo.com/yui/build/yuiloader/yuiloader.js"></script>


<!--CSS file (default YUI Sam Skin) -->
<link rel="stylesheet" type="text/css" href="extJs/build/reset/reset-min.css">
<link rel="stylesheet" type="text/css" href="extJs/build/fonts/fonts-min.css">
<link rel="stylesheet" type="text/css" href="extJs/build/base/base-min.css">
<link rel="stylesheet" type="text/css" href="extJs/build/button/assets/button.css" />
<link rel="stylesheet" type="text/css" href="extJs/build/datatable/assets/skins/sam/datatable.css">
<link rel="stylesheet" type="text/css" href="extJs/build/container/assets/skins/sam/container.css"> 
<link rel="stylesheet" type="text/css" href="css/dasBrowser.css">

<!-- Dependencies -->
<script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/element/element-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/datasource/datasource-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/json/json-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/connection/connection-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/get/get-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/dragdrop/dragdrop-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/datatable/datatable-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/animation/animation-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/container/container-min.js"></script>


<script>
//sessvars.$.debug();
YAHOO.namespace("dasRegistry");
sessvars.karyoDas = new Object();
sessvars.karyoDas.conf = new Object();
sessvars.karyoDas.conf.sources = new Array();
sessvars.karyoDas.conf.userEntryPoints = [];
sessvars.karyoDas.conf.zoomConf = [];
sessvars.karyoDas.conf.userContainers = [];
sessvars.karyoDas.conf.specie = new String();
</script>

<script type="text/javascript" src="intJs/viewer/init.js"></script>
<script type="text/javascript" src="intJs/viewer/drawKaryotypeStructure.js"></script>
<script type="text/javascript" src="intJs/viewer/dasParsers.js"></script>
<script type="text/javascript" src="intJs/search/searchDataTables.js"></script>
<script type="text/javascript" src="intJs/search/searchRequests.js"></script>
<script type="text/javascript" src="intJs/viewer/classes.js"></script>
<script type="text/javascript" src="intJs/viewer/util.js"></script>
<script type="text/javascript" src="intJs/viewer/karyotypeStructureFunctions.js"></script>

<script>

/**
 * General configuration
 */

sessvars.karyoDas.conf.selectedDsnId = "Homo_sapiens.GRCh37.reference";
//sessvars.karyoDas.conf.userEntryPoints = [1,2,3];
//sessvars.karyoDas.conf.zoomConf = [];
sessvars.karyoDas.conf.userContainers = ['annotationListView', 'sequenceView', 'zoomView', 'bandView', 'chromosomeView', 'karyotypeView'];

YAHOO.util.Event.addListener(window, 'load', YAHOO.dasRegistry.startCipfMixRequest);
//YAHOO.util.Event.addListener(window, 'load', YAHOO.dasRegistry.startCipfDsnRequest);

</script>
    </head>
<body class="yui-skin-sam">
<h3>KaryoDAS</h3>
<div id="karyoDas">
</div>
</br>
<div id="karyoDasButton">
</div>

<br>
</body>
</html>
